// 全局标题字体大小变量（基于 rpx 单位，适配多端）
// 路径建议：@/static/styles/constants.less

// 标题字体大小（rpx）
@h1-size: 48rpx;   // 一级标题（最大）
@h2-size: 42rpx;   // 二级标题
@h3-size: 36rpx;   // 三级标题
@h4-size: 32rpx;   // 四级标题
@h5-size: 28rpx;   // 五级标题
@h6-size: 24rpx;   // 六级标题（最小）

// 扩展：标题行高（增强可读性）
@h1-line-height: 1.2;
@h2-line-height: 1.3;
@h3-line-height: 1.4;
@h4-line-height: 1.5;
@h5-line-height: 1.5;
@h6-line-height: 1.5;

// 扩展：标题字重
@h1-weight: 700;   // 加粗
@h2-weight: 700;
@h3-weight: 600;
@h4-weight: 600;
@h5-weight: 500;
@h6-weight: 500;


// Tab 组件相关圆角
@tab-border-radius: 16rpx;             // 普通 tab 容器圆角
@tab-item-border-radius: 12rpx;        // tab 选项卡项圆角
@tab-indicator-border-radius: 8rpx;    // tab 指示器圆角（如底部滑块）

// 布局容器相关圆角
@layout-border-radius-sm: 12rpx;       // 小型布局容器（如卡片组项）
@layout-border-radius-md: 20rpx;       // 中型布局容器（如内容区块）
@layout-border-radius-lg: 28rpx;       // 大型布局容器（如页面级面板）

// 按钮相关圆角
@btn-border-radius-sm: 16rpx;          // 小型按钮（如图标按钮）
@btn-border-radius-md: 24rpx;          // 中型按钮（常规操作按钮）
@btn-border-radius-lg: 32rpx;          // 大型按钮（主要行动按钮）
@btn-border-radius-pill: 60rpx;        // 胶囊型按钮（两侧半圆）

// 圆形元素相关圆角
@circle-border-radius-full: 50%;       // 正圆形（如头像、徽章）
@circle-border-radius-lg: 40rpx;       // 大型圆形控件（如浮动按钮）
@circle-border-radius-md: 30rpx;       // 中型圆形控件（如计数徽章）
@circle-border-radius-sm: 20rpx;       // 小型圆形控件（如状态点）


// 基础图标尺寸（通用场景）
@icon-size-xs: 20rpx;    // 超小图标（如标签内辅助图标）
@icon-size-sm: 28rpx;    // 小图标（如列表项辅助图标）
@icon-size-md: 36rpx;    // 中等图标（如按钮内图标、操作栏图标）
@icon-size-lg: 48rpx;    // 大图标（如功能入口图标、卡片主图标）
@icon-size-xl: 64rpx;    // 超大图标（如页面头部图标、重点功能标识）

// 特殊场景图标尺寸
@icon-size-tab: 32rpx;   // 底部导航/标签栏图标
@icon-size-nav: 34rpx;   // 顶部导航栏图标
@icon-size-btn: 30rpx;   // 按钮内图标（与按钮文字适配）
@icon-size-badge: 24rpx; // 徽章/角标内图标
@icon-size-menu: 40rpx;  // 菜单图标（如侧边栏、功能菜单）


.border_shadow(){
// border:1rpx solid rgba(99, 99, 99, 0.2);
	background-color: #eaeaea;
}
